// 处理图片路径
const serverUrl = 'http://big-event-vue-api-t.itheima.net'

function dalImg(url) {
  if (url) {
    if (url.startsWith('http')) {
      return url
    } else {
      return serverUrl + url
    }
  } else {
    return 'https://img2.baidu.com/it/u=1092849725,2109671711&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=313'
  }
}

export { dalImg, serverUrl }

// 后端返回图片链接地址的经验：
// 为何后端返回图片的地址是半截的？？
// 原因：因为服务器的域名可能来回变化,所以数据库里的地址只有相对路径
// 要求：前端请求此图片的时候，后端告诉你图片文件的真身所在的服务器域名，前端自己拼接前缀

// 积累知识：
// 组件创建的时候，会用data里的默认值，让模板先渲染一次
// 你的网络请求数据回来，data里变量发生了变化，会让template的使用此变量的地方再次更新dom
// 小问题：第一次渲染的时候无值可能会导致一些报错，但是效果还是出现了
// 解决1：v-if先不让template里会报错的那个代码先屏蔽执行
// 解决2：可以先给那个对象的属性一个空字符串，别让报错就行。
